<template>
    <el-pagination 
    layout="prev, pager, next" 
    :page-count= 'obj.pageCount'
    background 
    :page-size = 'obj.pageSize' 
    :pager-count = 'obj.pagerCount'
    hide-on-single-page
    :total="obj.total"
    @current-change = 'obj.currentChange'>
    </el-pagination>
</template>

<script>
    export default {
        props:['obj'],
        methods:{
        }
    }
    // 父组件传参示例
// <paging :obj = 'pagingData'></paging>
// 传的pagingData 要写在计算属性里面，不然拿不到服务器返回的动态数据
//     computed:{
//       pagingData(){
    //         var that = this;
    //         let data = {
    //             pageSize:3,//一页展示几条数据
    //             pagerCount:5,//超过多少页打点省略
    //             currentChange(num){
    //                 that.currentPage = num//改变当前页
    //             },
    //             pageCount:10,//一共多少页
    //         }
    //         return data
    //       }
//   }
</script>

<style scoped>

</style>